.detail-box {
  padding: 2 * $padding-base;
  .detail-title {
    margin-bottom: 2 * $margin-base;
    .icons {
      margin-top: $margin-base;
      span {
        margin-right: $margin-base;
        font-size: $font-size-sm;
        i {
          margin-right: $margin-base / 3;
          font-size: $font-size-sm;
        }
      }
    }
  }
  .detail-img {
    img {
      width: 100%;
      height: 300px;
    }
  }
  .detail-content {
    p,
    li {
      line-height: 20px;
      white-space: normal;
      line-height: 30px;
      text-indent: 1em;
    }

    pre {
      white-space: pre-wrap;
      background: #f8f8f8;
      padding: 10px;
      line-height: 20px;
    }
  }

  h1,
  h2,
  h3,
  h4,
  h5 {
    white-space: pre-wrap;
    margin: 10px 0;
    text-align: left;
  }
  img {
    width: 100%;
    cursor: pointer;
  }
}
